(function () {
    $.fn.extend({
        Rotation() {
            //鼠标进入离开
            $(this).mouseenter(function () {
                $(this).find(".arrow").show();
                clearInterval(timer);
            })
            $(this).mouseleave(function () {
                $(this).find(".arrow").hide();
                timer = setInterval(autoPlay, 1500);
            })

            //添加小圆点
            var cir = "<div class='circle'></div>";
            for (var i = 0; i < $(".bannerlist").children().length; i++) {
                $(".circlrBox").append(cir);
            }
            $(".circlrBox").children().eq(0).addClass("circleSelected");

            //克隆第一张和最后一张
            var firstbanner = $(this).find(".bannerlist").find("li").eq(0).clone(true);
            $(this).find(".bannerlist").append(firstbanner);
            var lastbanner = $(this).find(".bannerlist").find("li").eq(8).clone(true);
            $(this).find(".bannerlist").prepend(lastbanner);
            $(this).find(".bannerlist").css({
                left: "-1536px"
            });

            var imgindex = 1;
            var buttoninndex = 0;
            var flag = true;

            //按右边
            $(this).find(".right-arr").click(function () {
                autoPlay();
            })

            var autoPlay = function () {
                if (flag) {
                    flag = false;
                    buttoninndex++;
                    if (buttoninndex == 9) {
                        buttoninndex = 0;
                    }
                    $(".circle").eq(buttoninndex).addClass("circleSelected").siblings(".circle").removeClass("circleSelected");

                    imgindex++;
                    if (imgindex > 10) {
                        imgindex = 2
                        $(".bannerlist").css({
                            left: "-1536px"
                        });
                    }
                    $(".bannerlist").stop().animate({
                        left: imgindex * -1536
                    }, function () {
                        flag = true;
                    })
                }
            }
            //定时器
            let timer = setInterval(autoPlay, 1500);

            //按左边
            $(this).find(".left-arr").click(function () {
                if (flag) {
                    flag = false;
                    buttoninndex--;
                    if (buttoninndex < 0) {
                        buttoninndex = 8;
                    }
                    $(".circle").eq(buttoninndex).addClass("circleSelected").siblings(".circle").removeClass("circleSelected");
                    imgindex--;

                    if (imgindex < 0) {
                        imgindex = 8
                        $(this).parent().find(".bannerlist").css({
                            left: "-13824px"
                        });
                    }
                    $(this).parent().find(".bannerlist").stop().animate({
                        left: imgindex * -1536
                    }, function () {
                        flag = true;
                    })
                }
            })

        }
    })
})()

$(function () {
    $(".banner").Rotation();
})